/* 首页样式 */
.main-banner{background: url('../imgs/banner1.jpg') no-repeat; background-size: 100% 100%; position: relative; height: 700px;}
.banner-cont{ position: absolute; width: 700px;height: 200px;left: 50%; margin-left: -350px; top: 50%; margin-top: -100px;}
.banner-text{font-size: 60px; font-family: '宋体'; width: 560px; font-weight: bold; position: absolute;top:0; left: 55px;}
.banner-bg{position: absolute;top:75px; left: 0;}
.banner-brand-bg{display: inline-block;width: 28px; height: 54px;position: absolute;top: 10px; left: 610px;}
.banner-brand{color: #fff; width: 5px;position: absolute; top: 18px; left: 616px;}
.banner-lead{color: #4b515d;font-family: '宋体'; font-weight: bold; font-size: 20px;position: absolute;top: 85px; left: 177px;}
.banner-licon{display: inline-block;width: 54px; height: 80px;position: absolute;top: 50%; margin-top: -40px; left: 20px;}
.banner-ricon{display: inline-block;width: 54px; height: 80px;position: absolute;top: 50%; margin-top: -40px; right: 20px;}


.main-about{background: url('../imgs/zhu1.jpg') no-repeat; background-size: 100% 100%;}
.main h2{font-size: 30px; padding-top: 50px;color: #333;margin-bottom: 15px; text-align: center;}
.text{font-size: 14px;color: #8b8e95;padding-bottom: 55px; text-align: center;}


.main-company{background: url('../imgs/23.jpg') no-repeat; background-size: 100% 100%;height: 565px}
.company-a{position: relative;}
.company-cont{width: 550px; padding-left: 25px; position: absolute;right: 30px; top: 0;}
.main-company h2{font-size: 24px;font-weight: bold; color: #fff; text-align: left;}
.company-enlish{font-size: 28px; color:rgba(255,255,255, .2);font-weight: bold; margin: 15px 0;}
.company-content{margin-right: 80px;line-height: 30px; color: #fff;}
.company-cont button{ display:block;margin:25px 0 40px 0; width: 150px; height: 50px; background-color: #33c563;border: none;}
.company-cont button a{color: #fff;}


.main-successful{background-color: #ebf1ef;text-align: center; padding-bottom: 50px;}
.successful-act li{ float: left; width: 360px; margin: 0 20px;text-align: center;position: relative;}
.successful-act li img{display: block;width: 360px;}
.act-sketch{font-size: 16px; text-align: left; margin-bottom: 12px;margin-top: 5px;}
.act-exp{font-size: 12px; text-align: left;}
.act-licon{width: 30px; height: 48px; display: block; background-color: #bdc1c0;color: #fff;text-align: center;line-height: 48px;font-size: 20px; font-weight: bold; position: absolute; left: -45px; top: 100px;}
.act-ricon{width: 30px; height: 48px; display: block; background-color: #bdc1c0;color: #fff;text-align: center;line-height: 48px;font-size: 20px; font-weight: bold; position: absolute; right: -45px; top: 100px;}
.successful-act button{display:block; width: 150px; height: 50px; background-color: #fff;border: 1px solid #dce2e0;margin: 0 auto; margin-top: 50px;}
.successful-act button a{color: #586d72;}


.main-mj{background: url('../imgs/jwbg.jpg') no-repeat; background-size: 100% 100%; height: 700px;}
.mj-cont{text-align: center; padding-top: 50px;}
.mj-headline{font-size: 30px;color: #000;font-weight: bold; margin-bottom: 20px;}
.mj-brand{color: #02a86a;}
.mj-text{color: #959b97;}
.mj-zs{margin-top: 370px;}
.mj-zs ul li{width: 376px;height: 170px; background:url('../imgs/qt9w.jpg');position: relative;padding: 32px;box-sizing: border-box;float: left;}
.mj-zs ul li:nth-child(2){margin: 0 36px;}
.mj-zs img{position: absolute; left: 30px; top: 25px;}
.mj-ja{color: #5e5a5b; font-size: 16px; font-weight: bold;margin-left: 32px; }
.mj-jb{color: #918a92;font-size: 12px;line-height: 26px;margin-top: 10px;}


.pro-cont{background: url('../imgs/8cw9.jpg') no-repeat; background-size: 100% 100%;}
.pro-cont h2{ color: #fff;padding-top: 60px;}
.pro-cont .text{ color: #fff; padding-bottom: 40px;}
.pro-list{margin-top: 50px;}
.pro-list li{width: 220px; float: left; background-color: #fff; border: 1px solid #ccc;padding: 18px;margin: 0 20px;margin-bottom: 10px;}
.pro-list-img{display: block; width: 220px; height: 170px;} 
.pro-btext{color: #1b2c33;}
.pro-stext{font-size: 12px; color: #485568;}
.pro-list button{display:block; width: 150px; height: 50px; background-color: #fff;border: 1px solid #dce2e0;margin: 0 auto; margin-top: 50px;}
.pro-list button a{color: #586d72;}

.main-cooper{padding-bottom: 70px;}
.cooper-cont li{float: left;}


.main-query{background: url('../imgs/100.jpg') no-repeat; background-size: 100% 100%; height: 300px;position: relative;}
.query-cont{ width: 600px; height: 150px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -75px;}
.query-text{font-size: 22px; color: #fff; text-align: center;}
.query-search{margin-top: 50px;width: 600px;}
.search-input{width: 450px;height: 60px;border: none;outline: none;float: left;text-indent: 10px; }
.search-btn{width: 150px;height:60px;color: #fff;background-color: #00ae69;float: right; border: none;}
.query-search a{color: white;font-size: 18px;}










